<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/details.css">

</head>
<body>
<!--固定导航-->
<div class="fixed-nav">
    <ul>
        <li>
            <img src="img/fixed-1.jpg">
        </li>
        <li>
            <a href="">
                <div class="fixed-nav-1"></div>
                <p>新人有礼</p>
            </a>

        </li>
        <li>
            <a href="">
                <div class="fixed-nav-2"></div>
                <p>下载</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="fixed-nav-3"></div>
                <p>在线客服</p>
            </a>

        </li>
    </ul>
</div>
<!-- 顶部-->
<div id="nav">
    <p><a href="#">好的生活，没有那么贵</a></p>
    <ul>
        <li><a href="#">登陆&nbsp;&nbsp;</a></li>
        <li><a href="#">注册&nbsp;&nbsp;|</a></li>
        <li><a href="#">严选态度&nbsp;&nbsp;|</a></li>
        <li><a href="#">企业采购&nbsp;&nbsp;|</a></li>
        <li><a href="#">客户服务&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</a></li>
        <span id="nav_x"></span>
    </ul>
</div>
<!--logo-->
<div id="logo">
    <div id="logo_a"></div>
    <div id="logo_b">
        <input type="text">
        <span></span>
    </div>
    <span></span>
</div>
<!--详细导航-->
<div id="nav_details">
    <ul>
        <li><a href="">首页</a></li>
        <li><a href="">居家</a></li>
        <li><a href="">餐厨</a></li>
        <li><a href="">配件</a></li>
        <li><a href="">服装</a></li>
        <li><a href="">洗护</a></li>
        <li><a href="">童婴</a></li>
        <li><a href="">杂货</a></li>
        <li><a href="">饮食</a></li>
        <li><a href="">其他</a></li>
        <li><a href="">专题</a></li>
        <li><a href="">甄选家</a></li>
    </ul>
</div>
<!--轮播-->
<div class="move">
    <img src="img/L1.png">
</div>
<!--品牌制造-->
<div class="make">
    <div class="make-content">
        <p><a href="">品牌制造</a><span class="make-content-title1">工厂直达消费者，剔除品牌溢价</span><a href=""><span class="make-content-title2">更多制造商&gt;</span></a></p>
        <div>
            <ul>
                <li>
                    <img src="img/zz-1.jpg">
                </li>
                <li>
                    <img src="img/zz-2.jpg">
                </li>
                <li >
                    <span class="make-content-span1">
                        <img src="img/zz-3.jpg" width="100%">
                    </span>
                    <span class="make-content-span2" >
                    <img src="img/zz-4.jpg">
                    </span>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--新品首发-->
<div class="newproduct">
    <div class="newproduct-content">
        <p><a href="">新品首发</a><span class="newproduct-title1">周一周四上新，为你寻觅世间好物</span><a href=""><span class="newproduct-title2">更多新品&gt;</span></a></p>
        <div>
            <ul>
                <li class="newproduct-content-img1">
                    <div class="newproduct-content-title">
                        <p>帆布丝绒多用坐垫</p>
                        <p class="t-title-red">￥49</p>
                    </div>
                </li>
                <li class="newproduct-content-img2">
                    <div class="newproduct-content-title">
                        <p>每日坚果（4种坚果+3种干果）</p>
                        <p class="t-title-red">￥35.8</p>
                    </div>
                </li>
                <li  class="newproduct-content-img3">
                    <div class="newproduct-content-title">
                        <p>恒温可调节电热水壶</p>
                        <p class="t-title-red">￥269</p>
                    </div>
                </li>
                <li class="newproduct-content-img4">
                    <div class="newproduct-content-title">
                        <p>萌喵水晶超柔发带</p>
                        <p class="t-title-red">￥14.9</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--人气推荐-->
<div class="groom">
    <div class="groom-content">
        <p><a href="">人气推荐</a>
            <span class="groom-title1">编辑推荐</span>
            <span class="groom-title1">人气周榜</span>
            <span class="groom-title1">热销总榜</span>
            <a href=""><span class="groom-title4">更多推荐&gt;</span></a>
        </p>
        <div class="groom-content-left">
            <div class="groom-content-left-title">
                <img src="img/pop-1.png">
                <p>20寸铝镁合金登机箱</p>
                <p class="t-title-red">￥1099</p>
            </div>
        </div>
        <div class="groom-content-right">
            <ul>
                <li class="groom-content-img1">
                    <div class="groom-content-title">
                        <img src="img/pop-2.png">
                        <p>全棉针织条纹四件套 新款</p>
                        <p class="t-title-red">￥299</p>
                    </div>
                </li>
                <li class="groom-content-img2">
                    <div class="groom-content-title">
                        <img src="img/pop-3.png">
                        <p>日式多功能颈枕 针织款</p>
                        <p class="t-title-red">￥69</p>
                    </div>
                </li>
                <li  class="groom-content-img3">
                    <div class="groom-content-title">
                        <img src="img/pop-4.png">
                        <p>日本制造 南部铁器风炒锅</p>
                        <p class="t-title-red">￥359</p>
                    </div>
                </li>
                <li class="groom-content-img">
                    <div class="groom-content-title">
                        <img src="img/pop-5.png">
                        <p>速干防滑沐浴拖鞋</p>
                        <p class="t-title-red">￥24.9</p>
                    </div>
                </li>
                <li class="groom-content-img">
                    <div class="groom-content-title">
                        <img src="img/pop-6.png">
                        <p>网易智能插线板</p>
                        <p class="t-title-red">￥58</p>
                    </div>
                </li>
                <li class="groom-content-img">
                    <div class="groom-content-title">
                        <img src="img/pop-7.png">
                        <p>6个装谷风一木软抽面巾纸</p>
                        <p class="t-title-red">￥16.9</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--限时购-->

    <div class="timelimit">
        <div class="timelimitt-content">
            <p><a href="">新品首发</a><a href=""><span class="timelimit-title">更多抢购&gt;</span></a></p>
            <div>
                <div class="timelimitt-content-left">
                    <ul>
                        <li>22点场</li>
                        <li>距离结束还剩</li>
                        <li class="timeout">
                            <div id="t_h">00</div>
                            <span>:</span>
                            <div id="t_m">00</div>
                            <span>:</span>
                            <div id="t_s">00</div>
                        </li>
                        <script>
                            function GetRTime(){
                                var EndTime= new Date('2017/09/20 00:00:00');
                                var NowTime = new Date();
                                var t =EndTime.getTime() - NowTime.getTime();
                                var d=0;
                                var h=0;
                                var m=0;
                                var s=0;
                                if(t>=0){
                                    d=Math.floor(t/1000/60/60/24);
                                    h=Math.floor(t/1000/60/60%24);
                                    m=Math.floor(t/1000/60%60);
                                    s=Math.floor(t/1000%60);
                                }
                                document.getElementById("t_h").innerHTML = h + "时";
                                document.getElementById("t_m").innerHTML = m + "分";
                                document.getElementById("t_s").innerHTML = s + "秒";
                            }
                            setInterval(GetRTime,0);
                        </script>
                        <li>

                            <div class="timelimit-all-btn">
                                查看全部&gt;
                            </div>
                        </li>

                    </ul>
                </div>
                <div class="timelimitt-content-right">
                    <ul>
                        <li class="timelimit-content-buy">
                            <div class="timelimit-content-buy-img">
                                <img src="img/time-1.png">
                            </div>
                            <div class="timelimit-content-buy2">
                                <ul>
                                    <li>升级款护颈记忆枕</li>
                                    <li>仰睡优质装备</li>
                                    <li>
                                        <p>
                                            <span class="timelimit-plan1"></span>
                                            <span class="timelimit-plan2"></span>
                                            <span class="timelimit-plan3">还剩56件</span>
                                        </p>
                                    </li>
                                    <li class="timelimit-price">
                                        <p>
                                            <span>限时价￥89</span>
                                            <span><s>原价￥109</s></span>
                                        </p>
                                    </li>
                                    <li>
                                        <div class="timelimit-buy-btn">
                                            立即抢购
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="timelimit-content-buy">
                           <div class="timelimit-content-buy-img">
                               <img src="img/time-2.png">
                           </div>
                            <div class="timelimit-content-buy2">
                                <ul>
                                    <li>科技感防盗双肩包</li>
                                    <li>背部拉链设计，放心出行</li>
                                    <li>
                                        <p>
                                            <div class="timelimit-plan1"></div>
                                            <div class="timelimit-plan2"></div>
                                            <span class="timelimit-plan3">还剩111件</span>
                                        </p>
                                    </li>
                                    <li class="timelimit-price">
                                        <p>
                                            <span>限时价￥209</span>
                                            <span><s>原价￥259</s></span>
                                        </p>
                                    </li>
                                    <li>
                                        <div class="timelimit-buy-btn">
                                            立即抢购
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="timelimit-content-buy">
                            <div class="timelimit-content-buy-img">
                                <img src="img/time-3.png">
                            </div>
                            <div class="timelimit-content-buy2">
                                <ul>
                                    <li>双轮磨刀器</li>
                                    <li>安全磨刀防伤手</li>
                                    <li>
                                        <p>
                                            <span class="timelimit-plan1"></span>
                                            <span class="timelimit-plan2"></span>
                                            <span class="timelimit-plan3">还剩139件</span>
                                        </p>
                                    </li>
                                    <li class="timelimit-price">
                                        <p>
                                            <span>限时价￥23.9</span>
                                            <span><s>原价￥29</s></span>
                                        </p>
                                    </li>
                                    <li>
                                        <div class="timelimit-buy-btn">
                                            立即抢购
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="timelimit-content-buy">
                            <div class="timelimit-content-buy-img">
                                <img src="img/time-4.png">
                            </div>
                            <div class="timelimit-content-buy2">
                                <ul>
                                    <li>经典羊毛皮一体拖鞋</li>
                                    <li>皮毛一体，舒适居家必备</li>
                                    <li>
                                        <p>
                                            <span class="timelimit-plan1"></span>
                                            <span class="timelimit-plan2"></span>
                                            <span class="timelimit-plan3">还剩171件</span>
                                        </p>
                                    </li>
                                    <li class="timelimit-price">
                                        <p>
                                            <span>限时价￥159</span>
                                            <span><s>原价￥199</s></span>
                                        </p>
                                    </li>
                                    <li>
                                        <div class="timelimit-buy-btn">
                                            立即抢购
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
<div class="home">
    <div class="home-content">
        <p><a href="">居家</a><span class="home-content-title1">回家，放松身心</span>
        <div class="home-content-title2">
            <ul>
                <li>被枕</li>
                <li>/</li>
                <li>床品</li>
                <li>/</li>
                <li>地垫</li>
                <li>/</li>
                <li>家具</li>
                <li>/</li>
                <li>舒坐</li>
                <li>/</li>
                <li>灯具</li>
                <li>/</li>
                <li>家饰</li>
                <li>/</li>
            </ul>
        </div> <a href=""><span class="home-content-title3">查看更多&gt;</span></a>
        </p>
        <div class="home-img">
            <img src="img/home-1.jpg">
            <div class="home-show">
                <ul>
                    <li>
                        <div class="home-show-img">
                            <img src="img/home-show1.png">
                        </div>
                        <p>日式记忆棉坐垫</p>
                        <p>￥299</p>
                    </li>
                    <li>
                        <div class="home-show-img">
                            <img src="img/home-show2.png">
                        </div>
                        <p>日式色织水洗棉四件套</p>
                        <p>￥299</p>
                    </li>
                    <li>
                        <div class="home-show-img">
                            <img src="img/home-show3.png">
                        </div>
                        <p>北欧风珊瑚绒多功能暖手枕</p>
                        <p>￥39</p>
                    </li>
                    <li>
                        <div class="home-show-img">
                            <img src="img/home-show4.png">
                        </div>
                        <p>300根全棉羽丝绒抱枕芯</p>
                        <p>￥39</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--居家-->
<!--底部-->
<div class="footer">
    <div class="footer-top">
        <ul>
            <li>
                <p>客服电话</p>
                <p style="font-weight: bold">0000-0000-0000</p>
                <p>9：00-22：00</p>
            </li>
            <li>
                <p style="font-weight: bold;font-size: 18px;">何为严选</p>
                <div class="footer-top-content">网易原创生活类电商品牌，秉承网易一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到最优质的商品
</div>
            </li>
            <li style="border: 0px;">
                <p>扫描下载APP</p>
                <img src="img/foot-1.png">
            </li>
        </ul>
    </div>
    <div class="footer-bottom">
        <div class="footer-bottom-top">
            <img src="img/foot2.png">
        </div>
        <div class="footer-bottom-bottom">
            <ul>
                <li>关于我们</li>
                <li>帮助中心</li>
                <li>售后服务</li>
                <li>配送验收</li>
                <li>商务合作</li>
                <li>企业采购</li>
                <li>友情链接</li>
            </ul>
            <p>网易公司版权所有 &copy; 1997-2017 食品经营许可证：JY133010801111719</p>
        </div>

    </div>
</div>
<div id="time_show"></div>
<script src="jquery.js"></script>
<script src="js/js.js"></script>

</body>
</html>